<div ng-controller="shortMessageListCtrl">
    <!--不能写两个ng-controller，否则会导致不能传递参数-->
    <!--相同的ng-controller的操作应该放在同一个div下-->

    <form class="form-inline" role="form">
        <table>
            <tr>
                <td>
                    <div class="input-group">
                        <label class="control-label" >设备ID:</label>
                        <input type="text" class="form-control" placeholder="设备ID" ng-model="shortMessage.deviceId" ng-init="">
                    </div><br>
                </td>
                <td>
                    <div class="input-group">
                        <label class="control-label" >手机号:</label>
                        <input type="text" class="form-control" placeholder="手机号" ng-model="shortMessage.mobilePhone" ng-init="">
                    </div><br>
                </td>
                <td>
                    <div class="input-group">
                        <label class="control-label" >验证码:</label>
                        <input type="text" class="form-control" placeholder="验证码" ng-model="shortMessage.verificationCode" ng-init="">
                    </div><br>
                </td>
                <td>
                    <div class="input-group">
                        <label class="control-label" >消息ID:</label>
                        <input type="text" class="form-control" placeholder="消息ID" ng-model="shortMessage.messageId" ng-init="">
                    </div><br>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="input-group">
                        <label class="control-label" >错误码:</label>
                        <input type="text" class="form-control" placeholder="错误码" ng-model="shortMessage.errCode" ng-init="">
                    </div><br>
                </td>
                <td>
                    <div class="input-group">
                        <label class="control-label" >状态:</label>
                        <input type="text" class="form-control" placeholder="状态" ng-model="shortMessage.status" ng-init="">
                    </div><br>
                </td>
                <td>
                    <div class="input-group">
                        <label class="control-label" >起始日期:</label>
                        <input type="text" class="form-control" placeholder="起始日期" ng-model="shortMessage.dateStart" ng-init="">
                    </div><br>
                </td>
                <td>
                    <div class="input-group">
                        <label class="control-label">终止日期:</label>
                        <input type="text" class="form-control" placeholder="终止日期" ng-model="shortMessage.dateEnd" ng-init="">
                    </div><br>
                </td>
                <td>
                    <div class="control-group">
                        <div class="controls">
                            <button type="submit" class="btn btn-sm" ng-click="searchShortMessage(shortMessage)" >搜索</button>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </form>

    </br>
    </br>
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab_a" data-toggle="tab">问题</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab_a">
            <table class="table table-condensed" width="">
                <thead>
                <tr>
                    <th>设备ID<!--deviceId--></th>
                    <th>手机号<!--mobilePhone--></th>
                    <th>验证码<!--verificationCode--></th>
                    <th>消息ID<!--messageId--></th>
                    <th>错误码<!--errCode--></th>
                    <th>状态<!--status--></th>
                    <th>创建日期<!--dateCreated--></th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="shortMessage in shortMessageList.data">
                    <td>{{shortMessage.deviceId}}</td>
                    <td>{{shortMessage.mobilePhone}}</td>
                    <td>{{shortMessage.verificationCode}}</td>
                    <td>{{shortMessage.messageId}}</td>
                    <td>{{shortMessage.errCode}}</td>
                    <td>{{shortMessage.status}}</td>
                    <td>{{shortMessage.dateCreated | date:'yyyy-mm-dd'}}</td>
                </tr>
                </tbody>
            </table>

        </div>

    </div>

</div>